<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta
			name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"
		/>
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Cache-Control" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<title>帮助</title>
		<link rel="stylesheet" href="../common/css/vant-index.css" />
		<style>
			.help_top {
				width: 96%;
				background: #01cd9c;
				height: 100px;
				color: white;
				padding: 0 2%;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
			.help_top img {
				width: 40%;
			}
			.help_top p {
				width: 100%;
				margin-bottom: 0;
				font-size: 17px;
			}
			.img_list img {
				width: 50%;
			}
		</style>
	</head>

	<body>
		<div id="app" v-cloak>
			<div class="help_top">
				<div class="">
					<img src="../WeappHealthy/img/tiao.png" />
				</div>
				<p>{{title[id-1]}}</p>
			</div>

			<div style="margin: 20px 2%">
				<!-- 01 -->
				<div class="help_detail_01" v-if="id==1">
					<p>1、点击顶部头像进入个人中心</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/01-1-1.png" alt="" />
						<img src="../WeappHealthy/img/01-1-2.png" alt="" />
					</div>
					<p>2、完成基本信息填写，点击“糖尿病信息”完善病情信息</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/01-2-1.png" alt="" />
						<img src="../WeappHealthy/img/01-2-2.png" alt="" />
					</div>
				</div>

				<!-- 02 -->
				<div class="help_detail_01" v-if="id==2">
					<p>1、进入个人中心，点击“绑定手机号码”</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/02-1-1.png" alt="" />
					</div>
					<p>2、输入手机号以及获取验证码，点击“绑定”按钮即可绑定</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/02-2-1.png" alt="" />
					</div>
				</div>

				<!-- 03 -->
				<div class="help_detail_01" v-if="id==3">
					<p style="color: red">视频讲解：</p>
					<video style="width: 100%; height: 100%; object-fit: fill" controls>
						<source
							src="http://mpvideo.qpic.cn/0bc3vqabcaaafmagd3qmpjrvblgdcgwaaeia.f10002.mp4?dis_k=91b3f78156746c82fd3eb47650625dc7&dis_t=1661931109&vid=wxv_2552944535187030018&format_id=10002&support_redirect=0&mmversion=false"
							type="video/mp4"
						/>
					</video>
					<p>方法一：线下扫描医生二维码，关注公众号并完成患者身份注册</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/03-f1-1.jpg" alt="" />
					</div>
					<p>
						方法二：注册成功后，点击小程序首页“扫码绑定医师团队”，扫描医生二维码
					</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/03-f2-1.png" alt="" />
					</div>
				</div>

				<!-- 04 -->
				<div class="help_detail_01" v-if="id==4">
					<p style="color: red">购买血糖仪（视频）：</p>
					<video style="width: 100%; height: 100%; object-fit: fill" controls>
						<source
							src="http://mpvideo.qpic.cn/0b2eomaamaaatyajekamnbrva46dazzqabqa.f10002.mp4?dis_k=bea0947f52bd8aac9068833c9aa5600a&amp;dis_t=1661930119&amp;vid=wxv_2553100877231095808&amp;format_id=10002&amp;support_redirect=0&amp;mmversion=false"
							type="video/mp4"
						/>
					</video>
					<p>购买血糖仪方法一：</p>
					<p>1、点击首页“立即绑定血糖仪”</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-1-1.png" alt="" />
					</div>
					<p>2、在血糖仪列表页中选择对应品牌的“立即购买”按钮</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-2-1.png" alt="" />
					</div>
					<p>3、在血糖仪详情页中进行购买</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-3-1.png" alt="" />
					</div>
					<p>4、点击“立即购买”按钮，选择购机方式，完成支付</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-4-1.png" alt="" />
					</div>
					<p>
						5、完成支付后，请到线下服务点提供此二维码或打开公众号-常用功能-我的订单，找到该次订单二维码让工作人员扫码发放血糖仪，二维码仅可核销一次，请妥善保存
					</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-5-1.png" alt="" />
						<img src="../WeappHealthy/img/04-goumai-f1-5-2.png" alt="" />
					</div>
					<p>
						6、购买新机可选择配送到家，点击“配送到家”在收货信息页完成信息填写，等待血糖仪配送即可
					</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-6-1.png" alt="" />
					</div>
					<p>7、若选择“以旧换新”方式，请到线下完成血糖仪换新</p>
					<p style="margin-top: 20px">购买血糖仪方法二：</p>
					<p>1、点击个人中心“扫一扫绑定血糖仪”</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-bangding-f2-1-1.png" alt="" />
					</div>
					<p>2、在子页面中选择“立即购买”按钮</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-2-1.png" alt="" />
					</div>
					<p style="margin-top: 20px">后续购买支付及领取方式参考方法一</p>
					<p style="color: red">绑定血糖仪（视频）</p>
					<video style="width: 100%; height: 100%; object-fit: fill" controls>
						<source
							src="http://mpvideo.qpic.cn/0bc3p4abaaaaaqah6dimmjrva76dcb7qaeaa.f10003.mp4?dis_k=2b6790f2f83414d8ed096f0c96e43d00&dis_t=1661930904&vid=wxv_2552940048170942464&format_id=10003&support_redirect=0&mmversion=false"
							type="video/mp4"
						/>
					</video>
					<p>绑定血糖仪方法一：</p>
					<p>1、点击首页“立即绑定血糖仪”</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-bangding-f1-1-1.png" alt="" />
					</div>
					<p>2、在血糖仪列表页中点击对应血糖仪设备的“扫码绑定”按钮进行绑定</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-bangding-f1-2-1.jpg" alt="" />
					</div>
					<p>绑定血糖仪方法二：</p>
					<p>1、点击个人中心“扫一扫绑定血糖仪”</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-bangding-f2-1-1.png" alt="" />
					</div>
					<p>2、在血糖仪列表页中点击对应血糖仪设备的“扫码绑定”按钮进行绑定</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-bangding-f1-2-1.jpg" alt="" />
					</div>
					<p>绑定血糖仪方法三：</p>
					<p>1、支付成功后点击订单二维码页“扫码绑定”即可</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/04-goumai-f1-5-1.png" alt="" />
					</div>
				</div>

				<!-- 05 -->
				<div class="help_detail_01" v-if="id==5">
					<p>1、点击首页医师团队-“查看更多”跳转团队详情页</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/05-1-1.png" alt="" />
					</div>
					<p>2、点击电话按钮获取联系</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/05-2-1.png" alt="" />
					</div>
				</div>

				<!-- 06 -->
				<div class="help_detail_01" v-if="id==6">
					<p>1、点击今日打卡“+”号完成当前时段打卡</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/06-1-1.png" alt="" />
						<img src="../WeappHealthy/img/06-1-2.png" alt="" />
					</div>
					<p>
						2、点击今日打卡-“查看更多”展示患者所有打卡项，漏打卡项不能进行打卡，若需补卡请与您的健管师联系
					</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/06-2-1.png" alt="" />
						<img src="../WeappHealthy/img/06-2-2.png" alt="" />
					</div>
				</div>

				<!-- 07 -->
				<div class="help_detail_01" v-if="id==7">
					<p>1、点击控制目标-查看更多可查看完整控制目标</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/07-1-1.png" alt="" />
					</div>
				</div>

				<!-- 08 -->
				<div class="help_detail_01" v-if="id==8">
					<p>
						1、“我的服务”展示患者最近3条待完成服务，点击“查看更多”可查看服务列表及详情
					</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/08-1-1.png" alt="" />
						<img src="../WeappHealthy/img/08-1-2.png" alt="" />
					</div>
					<p>2、点击服务进入服务详情，可查看服务进度</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/08-2-1.png" alt="" />
					</div>
					<p>3、完成服务后，点击“点此进行服务评价”进行该项服务评分</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/08-3-1.png" alt="" />
						<img src="../WeappHealthy/img/08-3-2.png" alt="" />
					</div>
				</div>

				<!-- 09 -->
				<div class="help_detail_01" v-if="id==9">
					<p>1、点击顶部“联系客服”即可拨打客服电话</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/09-1-1.png" alt="" />
					</div>
				</div>

				<!-- 10 -->
				<div class="help_detail_01" v-if="id==10">
					<video style="width: 100%; height: 100%; object-fit: fill" controls>
						<source
							src="http://mpvideo.qpic.cn/0bc3vqabcaaafmagd3qmpjrvblgdcgwaaeia.f10002.mp4?dis_k=91b3f78156746c82fd3eb47650625dc7&dis_t=1661931109&vid=wxv_2552944535187030018&format_id=10002&support_redirect=0&mmversion=false"
							type="video/mp4"
						/>
					</video>
				</div>

				<!-- 11 -->
				<div class="help_detail_01" v-if="id==11">
					<p>1、进入公众号，点击右下方【常用功能】，点击【我的档案】</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/10-1-1.png" alt="" />
					</div>
					<p>
						2、请您务必完成「基本信息」填写，便于医疗组为您建立基础档案。其余部分可按需要，在医疗组的指导下完成填写。档案填写越完善，医生对您的病情掌握更全面喔，请配合完成填写。
					</p>
					<div class="img_list">
						<img src="../WeappHealthy/img/10-1-2.png" alt="" />
					</div>
				</div>
			</div>
		</div>
	</body>
	<!-- 上线环境用 -->
	<script src="../common/js/vue.global.prod.js"></script>
	<!-- 引入 UI 组件库 -->
	<script src="../common/js/vant.min.js"></script>
	<script src="../common/js/url.min.js"></script>

	<script type="module">
		const PatientData = {
			data() {
				return {
					id: '',
					title: [
						'如何完善个人信息',
						'如何绑定手机号码',
						'如何绑定医师团队',
						'如何购买及绑定血糖仪',
						'如何查看和与医师团队联系',
						'如何打卡和查看打卡记录',
						'如何查看控制目标',
						'如何查看我的服务及进行服务评价',
						'如何联系客服',
						'如何佩戴硅基动态血糖仪及使用注意事项',
						'如何填写个人档案及上传报告单',
					],
				}
			},
			created() {
				this.id = Number(url('?id'))
			},
			mounted() {},
			methods: {},
		}

		const app = Vue.createApp(PatientData)

		app.use(vant)
		app.use(vant.Lazyload)

		app.mount('#app')
	</script>
</html>
